  <template>
  <div class="layout-container" :class="{ old: elder }">
    <div class="layout-section">
      <top-header :show-elder="false" :auth-check="false"  @setElder="setElderByChild"></top-header>

      <div class="home-que-tit">常见问题</div>
      <question></question>

      <footer-right></footer-right>
    </div>

    <footer-nav :active-index="2"></footer-nav>
  </div>
</template>

<script>
import question from "@/components/question";
import footerNav from "@/components/footerNav";
import FooterRight from "@/components/footerRight";
import TopHeader from "@/components/topHeader";

export default {
  data() {
    return {
      homeTab: 0,
      elder: false,
    }
  },
  components: {TopHeader, FooterRight, question, footerNav },
  methods: {
    //子组件调用方法，设置老年模式
    setElderByChild: function (elder) {
      this.elder = elder;
    }
  },
  mounted() {
  }
}
</script>

<style lang='scss' scoped>
@import "src/css/home";
</style>
